<template>
	<nav class="navbar navbar-expand-lg navbar-light bg-light">
		<div class="container-fluid justify-content-center">
			<!-- <a class="navbar-brand">首页</a> -->
			<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
				data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
				aria-label="Toggle navigation">
				<span class="navbar-toggler-icon"></span>
			</button>
			<div class="collapse navbar-collapse" id="navbarSupportedContent">
				<ul class="navbar-nav me-auto mb-2 mb-lg-0">
					<li class="nav-item">
						<a class="nav-link active" aria-current="page" href="/welcome">主页</a>
					</li>
					<li class="nav-item">
						<router-link to="/diseaseGraph" class="nav-link">疾病知识图谱</router-link>
						<!-- <a class="nav-link" href="#">疾病知识图谱</a> -->
					</li>
					<li class="nav-item">
						<a class="nav-link" href="/helpcure">辅助诊断</a>
					</li>
					<li class="nav-item dropdown">
						<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button"
							data-bs-toggle="dropdown" aria-expanded="false">
							词云生成
						</a>
						<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
							<li><a class="dropdown-item" href="/clouddisease">疾病词云查看</a></li>
							<li><a class="dropdown-item" href="/cloudupload">自定义词云生成</a></li>
<!-- 							<li>
								<hr class="dropdown-divider">
							</li>
							<li><a class="dropdown-item" href="#">Something else here</a></li> -->
						</ul>
					</li>
					<!-- <li class="nav-item">
						<a class="nav-link" href="/onedisease">疾病搜索</a>
					</li> -->
					<li class="nav-item">
						<a class="nav-link" href="" @click="logout()">退出登录</a>
					</li>
				</ul>
				<!-- <form class="d-flex" >
					<input class="form-control me-2" type="search" aria-label="Search">
					<button class="btn btn-outline-success" >Serach</button>
				</form> -->
			</div>
		</div>
	</nav>
</template>

<script>
export default {
	name:"MyHeader",
	methods: {
		logout(){
			window.sessionStorage.clear();
			this.$router.push({path:"/login"});
		}
	}
}
</script>

<style>
</style>
